<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>scrollPage Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width">

        <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="scrollIt.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/style.css"/>
        <script src='js/scrollIt.min.js' type='text/javascript'></script>
        <script src='js/scrollPage.js' type='text/javascript'></script>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script src="js/parallaxScroller.js"></script> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
   

    </head>
    <body>
        <section id='sliderSec' data-scroll-index='0'>
            <div id="l0" ><p>Od nas wyjdziesz <br/>
                    dobrze nakręcony</p>
                <button data-scroll-nav="3" type="button">Zobacz nasze opinie</button>
            </div>
        </section>

        <section id="menuSec" data-scroll-index='1'>
            <div id='nav'>
                
               <ul>
                        <li><a class='active' data-scroll-nav='2'>Galeria</a></li>
                        <li><a data-scroll-nav="3">Opinie</a></li>
                        <li><a data-scroll-nav="4">Promocje</a></li>
                        <li><a data-scroll-nav="5">Cennik</a></li>
                        <li><a data-scroll-nav="6">Oferta</a></li>
                        <li><a data-scroll-nav="7">Firma</a></li>
                        <li><a data-scroll-nav="8">Kontakt</a></li>
                        <li><a data-scroll-nav="9">Partnerzy</a></li>
                    </ul>
               
            </div>
        </section>
        <section id="galeriaSec" data-scroll-index='2'>

        </section>
        <section id="opiniaSec" data-scroll-index='3'><div id="l3" >
                <div id="l1" >
                    <a data-scroll-nav="3"><img data-scroll-nav="3" src="http://jee.serwkomp.net/images/start3.jpg" /> </a>
                    <div id="article">
                        <article><header>Opinie klientów</header>

                            Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. 
                            Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, 
                            ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. 
                            Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, 
                            rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, 
                            vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, 
                            varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. 
                            Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales 
                            lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, 
                            bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit 
                            nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
                            Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales 
                            lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, 
                            bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit 
                            nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
                            <footer> Tomek i Ania</footer>

                        </article>

                    </div> 
                </div>
        </section>
        <section id="promoSec" >
            <div id="l0" data-scroll-index='4'><p>Drugi komplet DVD dla <br/>
                    młodej pary GRATIS !!!</p>
                <small>Przy odbiorze płyt DVD ze zmontowanym zawierającym <br/>
                    rerportaż z wesela pora młoda otrzymuje drugi komplet DVD GRATIS! 
                </small>
            </div>
        </section>
        <section id="serwisSec" data-scroll-index='5'><div id="l1" >
                <a data-scroll-nav="3"><img data-scroll-nav="3" src="http://jee.serwkomp.net/images/slider.jpg" /> </a> 
                <div id="article">
                    <article>
                        <table  >
                            <thead>
                                <tr>
                                    <th id ="left">Usługa </th>
                                    <th id ="centr">Szczegóły</th>
                                    <th id ="right">Cena</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Wesela jednodniowe</td>
                                    <td></td>
                                    <td>1300 PLN</td>
                                </tr>
                                <tr>
                                    <td>Wesela dwudniowe</td>
                                    <td></td>
                                    <td>1800 PLN</td>
                                </tr>
                                <tr>
                                    <td>Komunie</td>
                                    <td></td>
                                    <td>50 PLN</td>
                                </tr>
                                <tr>
                                    <td>Grupowe studniówki (klasa min. 18 uczniów)</td>
                                    <td></td>
                                    <td>40 PLN</td>
                                </tr>
                                <tr>
                                    <td>Prace dyplomowe</td>
                                    <td></td>
                                    <td>300 - 500 PLN</td>
                                </tr>
                                <tr>
                                    <td>Inne usługi</td>
                                    <td></td>
                                    <td>cena do uzgodnienia</td>
                                </tr>
                               
                            </tbody>
                        </table>

                    </article>

                </div> 
            </div>
        </section>
        <section id="ofetaSec" >
            <div id="l6" data-scroll-index='6'><p>Studio filmowe 'romex' oferuje profesjonalne.<br/>
                    Filmowanie imprez i uroczystości okolicznościowych</p>
                <small>Śluby i wesela, studniówki. Komunie św., bankiety, jubileusze i rocznice. Chrzty św. koncerty, konferencje <br/>
                    i zjazdy, uroczystości żałobne, święta patronalne, uroczystości patriotyczne, archiwizacja z kaset VHS na <br/>
                    płyty DVD, imprezy plenerowe, filmy do prac dyplomowych, prymicje. <br/>

                </small>
            </div>
        </section>
        <section id="firmaSec" data-scroll-index='7'>
            <div id="l7" >
                <div >
                   <h1>Firma</h1>

                        Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. 
                        Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, 
                        ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. 
                        Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, 
                        rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, 
                        vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, 
                        varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. 
                        Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales 
                        lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, 
                        bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit 
                        nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
                        Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales 
                        lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, 
                        bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit 
                        nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
                        <footer> Tomek i Ania</footer>

                   

                </div> 
            </div>
        </section>
        <section id="firmaSec2" >
            <div id="l8" data-scroll-index='8' ><p>W siedzibie firmy służymy <br/>
                    radą i przykładami ze <br/>
                    zrealizowanych  reportarzy <br/><br/>
                    <button data-scroll-nav="3" type="button">Zarezerwuj termin</button>    
            </div>
        </section>
        <section id="kontaktSec">
            <div id="l9" data-scroll-index='9' > 
                Kontakt
            </div>
        </section>
        <section id="map-canvas">
            <div id="map-canvas" data-scroll-index='10' > 
            </div>
        </section>
        <section id="partnerSec">
            <div id="l10" data-scroll-index='9' > 
                Partnerzy
            </div>
        </section>
        <section id="s11" data-scroll-index='20'>
            <div id='nav-menu'>
                
               <ul>
                        <li><a data-scroll-nav='2'>Galeria</a></li>
                        <li><a data-scroll-nav="3">Opinie</a></li>
                        <li><a data-scroll-nav="4">Promocje</a></li>
                        <li><a data-scroll-nav="5">Cennik</a></li>
                        <li><a data-scroll-nav="6">Oferta</a></li>
                        <li><a data-scroll-nav="7">Firma</a></li>
                        <li><a data-scroll-nav="8">Kontakt</a></li>
                        <li><a data-scroll-nav="9">Partnerzy</a></li>
                    </ul>
               
            </div>
        </section>
        <a data-scroll-nav="0">Powrót</a>
    </body>
</html>
